// eslint主要用于语法校验，具有部分的代码格式化功能、部分代码格式校验功能，但是它的代码格式化功能、代码格式校验功能不是很完善，它不支持对ts,tsx,less文件的格式化和校验，所以针对这种情况，应该引入一种专业的格式化、校验插件来格式化、校验代码
/* 
      需求:
            1、写代码的时候，可以使用prettier进行自动格式化代码     √
            2、git提交代码的时候，会自动使用prettier对代码格式进行校验和格式化  √   
            3、webpack打包的时候可以使用prettier对代码格式进行校验   √
      */

/* 
  prettier是什么？
        专业的代码格式化工具
  为什么用prettier?
        1、它可以自动格式化代码
        2、保证团队成员的代码风格统一
  怎么使用prettier?
        1、安装
            yarn add prettier -D
        2、添加配置文件
            添加 .prettierrc 到项目根路径：
        3、添加.prettierignore文件
        4、配置lint-staged,把prettier校验加入git提交
        5、在eslint的配置中加入prettier     
            prettier不能单独在webpack打包的时候启动校验，需要与eslint配合，才能在打包的时候启动prettier校验
                  添加eslint-plugin-prettier   -->"plugins": ["prettier"],
                                                  "rules": {
                                                      "prettier/prettier": "error"
                                                      }
                  （这个插件是用来在eslint运行时调用prettier进行代码格式校验的，当出现格式错误时，控制台会打印出错误信息，但是不会自动修复，想要自动修复，可以运行 eslint --fix命令)

                  添加eslint-config-prettier  -->{ 
                                                   extends: [ 
                    （解决eslint和prettier的配置冲突）  'eslint:recommended', 
                                                      'prettier',  // 必须放最后 
                                                       ], 
                                                } 
 */
import React from 'react';
const PrettierTest = (props) => {
  return <div>{props.children}</div>;
};
export default PrettierTest;
